/* packageA/pages/smart-home/index.wxss */
page {
  background: #f0f4f9;
}
.van-dropdown-item__title {
  letter-spacing: 2rpx;
}
.custom-image {
  width: 100%;
  position: fixed;
  top: 30%;
  left: 0;
  .van-empty__image {
    width: 400rpx !important;
    height: 190rpx !important;
  }
}
// 去除滚动条
::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}
.smart-container {
  // position: relative;
  .filter-select {
    z-index: 10;
    position: absolute;
    width: 100%;
    top: 0;
  }
  .filter-pop {
    position: absolute;
    width: 100%;
    left: 0rpx;
    top: 0rpx;
    z-index: 9;
    transition: 500ms;
  }
  .show {
    top: 100rpx !important;
  }
  .smart-content {
    margin: 130rpx 30rpx 0rpx 30rpx;
    .custom-scroll-view {
      width: 100%;
      .grid-box {
        /* padding: 20rpx; */
        border-radius: 14rpx;
        overflow: hidden;
        background-color: #fff;
        .item-img {
          width: 100%;
          height: 240rpx;
          vertical-align: top;
        }
        .bottom-box {
          margin: 13rpx 30rpx;
          .title-text {
            font-weight: 500;
            font-size: 30rpx;
            color: #000000;
            overflow: hidden; /*超出的部分隐藏起来。*/
            white-space: nowrap; /*不显示的地方用省略号...代替*/
            text-overflow: ellipsis; /* 支持 IE */
          }
          .title-dec {
            font-weight: 400;
            font-size: 24rpx;
            color: #999999;
            overflow: hidden; /*超出的部分隐藏起来。*/
            white-space: nowrap; /*不显示的地方用省略号...代替*/
            text-overflow: ellipsis; /* 支持 IE */
            // margin-top: 6rpx;
          }
          .price-box {
            display: flex;
            align-items: center;
            justify-content: space-between;
            .money-icon {
              font-size: 20rpx;
            }
            .left {
              font-weight: 400;
              font-size: 24rpx;
              color: #faab40;
              overflow: hidden; /*超出的部分隐藏起来。*/
              white-space: nowrap; /*不显示的地方用省略号...代替*/
              text-overflow: ellipsis; /* 支持 IE */
            }
            .right {
              font-weight: 400;
              font-size: 24rpx;
              color: #666666;
              width: 130rpx;
              flex: 0 0 130rpx;
              text-align: right;
            }
          }
        }
      }
    }
    .no-content {
      text-align: center;
      font-size: 28rpx;
      color: #a2a2a2;
      height: 100rpx;
    }
  }
}
